<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" viewBox="0 0 700 200">
  <style>
    @font-face {
      font-family: Ahem;
      src: url(../../fonts/Ahem.ttf);
    }
  </style>
  <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0" y1="-13" x2="0" y2="3">
    <stop offset="0" stop-color="red"/>
    <stop offset="1" stop-color="yellow"/>
  </linearGradient>
  <g transform="translate(100,100)" style="font: 16px Ahem">
    <text fill="url(#g)">a</text>
    <rect x="0" y="-13" width="16" height="16" stroke="black" stroke-width="2" fill="none"/>
  </g>
</svg>
